<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Detail Trust Region</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<style>
.top {
	border: 0px solid #ccc;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-bottom: 2px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.top-left {
	border: 0px solid #ccc;
	font:bold 14px Arial,  Verdana, Helvetica, sans-serif;
	float: left;
	padding: 5px 0;
}
.top-right {
	border: 0px solid #ccc;
	float: right;
	text-align: right;
}
.details1 {
	overflow: hidden;
}
.content-left {
	float: left;
	padding-right: 20px;
	border: 0px solid #ccc;
}
.content-right {
	float: right;
	border: 0px solid #ccc;
}
.frm .field {
	display: table;
	margin: 5px;
}
.frm div label {
	width: 150px;
	word-wrap: break-word;
	display: table-cell;
    vertical-align: middle;
    position: static;
}
.frm textarea {
	width: 260px;
	height: 80px;
}
.frm input[type="text"], input[type="password"] {
	width: 260px;
}
.lstcbb {
	width:260px;
	height:95px;
	overflow-y:auto;
	border:1px solid #ccc;
	background-color: #fff;
	display:auto;
}
</style>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$(".tabContents").hide(); 
		$(".tabContents:first").show(); 
		$("#tabContaier ul li a").click(function(){ 
			
			var activeTab = $(this).attr("href"); 
			$("#tabContaier ul li a").removeClass("active"); 
			$(this).addClass("active"); 
			$(".tabContents").hide(); 
			$(activeTab).fadeIn(); 
		});
	});
</script>
</head>
<body>
	<%
		if (session.getAttribute("username") == null)
			response.sendRedirect("login.jsp");
	%>
	<%@include file="header.jsp"%>
	<!-- Header -->
	<!-- End Header -->
	<div id="content">
	<div id="mainContainer">
	<div class="box">
		<div id="container-orglst">
			<h1>Detail Trust Regions</h1>
			<div id="tabContaier">
				<ul class="tabs" style="width:100%">
					<li><a class="active" href="#tab1">Details</a></li>
					<li><a href="#tab5">Trust Districts</a></li>
					<div class="top-right include" style="width:400px; float:right; display: inline; margin-right: 5px ;margin-bottom: 10px; padding: 0">
						<input type="button" value="In-active"/>
						<s:url action="ShowTrustRegion" var="urlTag" />
						<input type="button" value="Save"/>
						<s:a href="%{urlTag}">
							<input type="button" value="Back"/>
						</s:a>
					
					</div>	
				</ul>
				<div class="tabDetails">
				<div id="tab1" class="tabContents details1">
				<table id="tableDetail2" align=center>
			
				<s:iterator value="TruRe">
				<tr>
					<div class="field">
						<td><label for="org_name">Nation/Country</label></td>
						<td><input type="text" name="naCou" value="<s:property value="naCou"/>"></input>
						</td>
					</div>
				</tr>
			
				<tr>
					<div class="field">
						<td><label for="org_name">Trust Region Name</label></td>
						<td><input type="text" name="naCou" value="<s:property value="nameTR"/>"></input>
						</td>
					</div>
				</tr>
					
				<tr>
					<div class="field">
						<td><label for="org_desshort">Description</label></td>
						<td><textarea name="desshort" id="org_desshort" /><s:property value="desTR"/></textarea></td>
					</div>
				</tr>
				</s:iterator>
			</table>
					</div>	
					
					<div id="tab5" class="tabContents details4">
						<h1>Trust District List</h1>
			<div class="top">
				<div class="top-left filter">
						<a href="#">All</a> | 
						<a href="#">0-9</a> | 
						<a href="#">A</a>
						<a href="#">B</a>
						<a href="#">C</a>
						<a href="#">D</a>
						<a href="#">E</a> | 
						<a href="#">F</a>
						<a href="#">G</a>
						<a href="#">H</a>
						<a href="#">I</a>
						<a href="#">J</a> | 
						<a href="#">K</a>
						<a href="#">L</a>
						<a href="#">M</a>
						<a href="#">N</a> | 
						<a href="#">O</a>
						<a href="#">P</a>
						<a href="#">Q</a>
						<a href="#">R</a> | 
						<a href="#">S</a>
						<a href="#">T</a>
						<a href="#">U</a>
						<a href="#">V</a> | 
						<a href="#">W</a>
						<a href="#">X</a>
						<a href="#">Y</a>
						<a href="#">Z</a>
				</div>
				<div class="top-right include" style="width: 220px; display: inline; margin-bottom: 10px; padding: 0">
					<a href="createDistrict.jsp?nameTR=<%=request.getParameter("nameTR")%>" class="button icon approve"><font
									color="black"><input type="button" value="Create"/> </font> </a>
					<input type="checkbox" name="incInActv" id="checkBoxIa" />
					<label class="lbcheck" for="checkBoxIa">Include Inactive</label>
				</div>
			</div>
			<div class="clear"></div>
			<div class="div-table">
				<div class="table-list">
					<table width="100%">
						<thead>
							<tr>
								<th>District Name</th>
								<th>Description</th>
								<th>Region</th>
								<th>Is Active ?</th>
								<th>Region Name</th>
							</tr>
						</thead>
						<tbody>
							<s:iterator value="listDis">
							<tr class="odd">
								<td><s:url action="detaiDistrict" var="urlTag"> 
									<s:param name="nameTD" value="nameTD" />
									</s:url> <s:a href="%{urlTag}">
									<s:property value="nameTD" />
									</s:a></td>
							<td><label for="org_name"><s:property value="desTD" /></label></td>
							<td><label for="org_name"><s:property value="region" /></label></td>
							<td><label for="org_name"><s:set name="active" value="active" /> <s:if
									test="%{#active==false}">No</s:if> <s:else>Yes</s:else>
							</label></td>
							<td><label for="org_name"><s:property value="nameTR" /></label></td>
							</tr>
							</s:iterator>
						</tbody>
					</table>
				</div>
				<span class="pagelinks">      
				<a href="#"><img src="firstpage.PNG" title="First Page" alt="First Page" /></a>
				<a href="#"><img src="prevpage.PNG" title="Prev Page" alt="Prev Page" /></a>
				Page <input style="font-size: 12px; width:35px; padding: 4px;" class="curpage" type="text" name="b" value="1" /> of <span class="nops">1</span> 
				<a href="#"><img src="nextpage.PNG" title="Next Page" alt="Next Page" /></a>
				<a href="#"><img src="lastpage.PNG" title="Last Page" alt="Last Page" /></a>
				</span>
			</div>
					</div>						
				</div>				
	</div>
	</div>
    </div>
    <%@include file="footer.jsp"%>
	<!-- Footer -->
	<!-- End Footer -->
</body>
</html>